@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url(./style.css);



@media (max-width: 1200px) {

  .aside-menu,
  .main-structure {
    font-size: var(--main-pad-font-size);
  }
  .main-structure header,
  .main-structure .content,
  .main-structure footer {
    padding: var(--screen-pad-padding-top-bottom) var(--screen-pad-padding-left-right);
  }

  .main-structure header .menu-logo {
    width: var(--header-logo-width);
    height: var(--header-logo-width);
    background-size: var(--header-pad-logo-width);
  }

}


@media (max-width: 414px) {

  .footer,
  .background-container video,
  .user_indrouce_project_list {
    max-width: 25.875rem !important;
    height: 100%;
  }


  .userinfo h1,
  .userinfo h3 {
    font-size: 15px !important;
  }
  


  .userinfo-introduce-header-icon,
  .avatar-container {
    display: none !important;
  }


  .userinfo-educational h2,
  .userinfo-introduce-header-text h3 {
    font-size: 1rem !important;
  }
  
  .userinfo-educational p,
  .userinfo-introduce-header-text span {
    font-size: 13px !important;
  }

  .userinfo-educational p,
  .salary,
  .user_indrouce_project_list span {
    font-size: 10px !important;
  }
  .userinfo-introduce-header ul li:not(:last-child) {
    margin-right: 10px !important;
  }

  .footer-info-userinfo-contact {
    display: none !important;
  }

  .userinfo-educational {
    text-align: center;
  }

  .footer .footer-info ul li {
    width: 400px !important;
  }



}




@keyframes menu_logo{
  form, to {
    filter: invert(1);
    transform: scale(1);

  }

  25% {
    transform: scale(1.1);
  }

  50% {
    transform: scale(1.2);
  }
}

@keyframes UserClipPath {
  from {
    clip-path: ellipse(0% 0% at 0% 50%);
  }
  to {
    clip-path: ellipse(150% 70% at 0% 50%);
  }
}